#{extends 'frame.html' /}
#{set title:'确认收货并好评' /}
#{set 'moreStyles'}
<style>
	.refundInfo {
		
		padding:10px;
		color:red;
	}
</style>

<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/task/confirm-recv.css'}" />
#{/set}
<div class="contentCard">


	<input type='hidden' id='clickFLAG' value='0'/>
	
	<input type='hidden' id='checkFLAG' value='0'/>
	
	<div class="contentTitle">
		<span class="iconfont">&#xf00b7;</span>
		确认收货并好评
		<a id="btnBindShop" class="backToCenter" href="/buyer/tasks"> <i class="iconfont">&#xf0112;</i>
			返回我的任务
		</a>
	</div>
	<div class="contentBody">
		<div class="panelLine">
			<span class="floatLeft mr10 grey">平台</span>
			<span id="platformBtnList" class="floatLeft btnList">
				<a class="swi-btn on" href="javascript:;">${currPlatform.title}</a>
			</span>
		</div>
		
		#{if refundInfo}
		
		<div class="panelLine">
			<span class="floatLeft mr10 grey">商家财付通本金返款交易流水:</span>
			<span id="platformBtnList" class="floatLeft btnList">
				<a class="swi-btn on" href="javascript:;">${refundInfo.transNo}</a>
			</span>
			<!--  
			#{if !confirmRefund}
			<div class='buttonSection'>
				<a href="javascript:;" id='confirmRefundButton' class='stdColorButton' style='padding:1px 3px;line-height:25px'>确认商家财付通本金返款到账</a>
			</div>
			#{/if}
			-->
			#{if confirmRefund}
			
			<div class='buttonSection'>
				<span style='color:red'>您已经确认收到商家的本金返款，请继续完成任务获取任务佣金！</span>
			</div>			
			#{/if}
			
			
		</div>
		#{/if}
		<div class="panelLine">
			<span class="floatLeft mr10 grey">买手账号</span>
			<span id="accountBtnList" class="floatLeft btnList">
			</span>
		</div>
		<div class="clearfix" style="line-height:35px;">
			<span class="floatLeft mr10 grey">卖家店铺</span>
			<span id="shopBtnList" class="floatLeft btnList">
			</span>
		</div>
		
		<div id="taskContainer">
			
		</div>
	</div>
</div>

<div class="contentCard">
	<div class="contentTitle">
		<span class="iconfont">&#xf00b7;</span>
		注意事项
	</div>
	<div class="contentBody">
		<ul>
			<li>
				在快递状态变为
				<span class="mlr-4 red">已收货</span>
				之前请勿收货
			</li>
			<li>
				不能给商家
				<span class="mlr-4 red">中差评</span>
				或低于
				<span class="mlr-4 red">四星好评</span>
				，否则平台会冻结您的账户
			</li>
			<li>
				评价内容不能包含
				<span class="mlr-4 red">刷单</span>
				<span class="mlr-4 red">微赚</span>
				<span class="mlr-4 red">团购</span>
				等字样
			</li>
		</ul>
	</div>
</div>

<!--temp-->
<div id="taskTempl" class="muban">
    <div class="taskCell" taskId="{{id}}">
    	<div class="item-info">
			<div class="pic-box">
				<img src="{{itemPic}}" />
			</div>
			<div class="title">{{itemTitle}}</div>
			<div class="orderid">订单号:{{orderId}}</div>
			<div class='refundInfo'></div>
			<p>
				<a class="view" href="/buyer/task/{{id}}" target="_blank">
					<span class="iconfont">&#xf017b;</span>
					查看任务详情&gt;&gt;
				</a>
			</p>
		</div>
		
		<div class="warnBox">
			<span class="iconfont">&#xf00b7;</span>
			注意
			<br/>
			1、如果商家设定【评价关键词】，请从下面的【评价关键词】里的挑选1-2个，自由发挥，不少于20个字。
			<br/>
			2、如果商家设定【评价图片】，请从下面的【评价图片】里下载图片，在淘宝评价的时候上传这些图片。
			<br/>
			3、如果你已经在淘宝好评过了，请按照商家要求追加评价。
		</div>
		
		<div class="contentCard" style="margin-left:0px;">
			<div class="contentTitle ">
				优质评价	 
			</div>
			<div class="contentBody">
				<div id="itemInfo" class="clearfix">
					<div class="contInfo floatLeft">
						<div class="price-box pt10">
							<span class="mr-4 lb">评价关键词</span>
							<span class="black val"><span class="red">{{goodCommentWords}}</span></span>
						</div>
						<div class="price-box pt10">
							<span class="mr-4 lb">评价图片(下载图片方法：在图片上，鼠标右键，图片另存为...)</span>
							<br/>
							{{#commentPic}}
							<a href="{{.}}" target="_blank">
								<img style="max-width: 250px;max-height: 250px;border:1px solid #ccc;" class="item-pic" src="{{.}}" />
							</a>
							{{/commentPic}}	
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="clearfix">
			<div class="panelLine">
				<span class="floatLeft grey mr-20">图片格式gif,jpg,jpeg,png，且图片不能大于1M</span>
				<span>
					<input type="button" class="middle ls floatLeft" id="btnPickfiles{{id}}" value="上传评论截图" />
					<a href="javascript:;" class="floatLeft btn-imgComm-model"  data-id={{id}} id="btn-imgComm-model{{id}}">查看截图示例</a>
					<img class="floatLeft imgComm imgComm-model{{id}}"></img>
				</span>
				<a href="javascript:;" class="blue uploadFailed" style="display:none" data-id={{id}}>上传失败？点这里</a>			
			</div>
			<div class="itemPicBox sec">
				<img src="" class="imgContent" taskId="{{id}}">
			</div>
		</div>
		<div class="buttonSection">
			<a href="javascript:;" class="stdColorButton rate" id='rateButton' style="margin-right:280px;" taskId="{{id}}">提交好评确认收货</a>
		</div>
	</div>
</div>

#{set 'moreScripts'}
<script src="@{'/public/javascripts/plupload/plupload.full.min.js'}" type="text/javascript"></script>
<script src="@{'/public/javascripts/qiniu.min.js'}" type="text/javascript"></script>
<script src="@{'/public/javascripts/mustache.min.js'}" type="text/javascript"></script>
<script type="text/javascript">App.platform='${currPlatform}';</script>
<script src="@{'/public/javascripts/task/confirmRecv.js'}" type="text/javascript"></script>
<script type="text/javascript">
	App.module = 'myTask';
	App.tasks = {data:${jsonTaskList.raw()}};
	App.QnTaskFileBucket = '${upload_task_address}';

 
	
</script>
#{/set}